<template>
	<view class="wrap">
		<!-- 	<u-cell-group>
			<u-cell-item title="头像" @click="avatarChange">
				<u-avatar slot="right-icon" :src="userInfo.avatar"></u-avatar>
			</u-cell-item>
			<u-cell-item title="昵称" :value='userInfo.nickname' @click="goto('./nickname/index')"></u-cell-item>
			<u-cell-item title="手机号码" :value="userInfo.phone" @click="avatarChange">
			</u-cell-item>
		</u-cell-group> -->
		<uni-list>
			<uni-list-item title="头像">
				<template slot="footer">
					<u-avatar :src="userInfo.avatar"></u-avatar>
				</template>
			</uni-list-item>
			<uni-list-item title="昵称" :rightText="userInfo.name"></uni-list-item>
			<uni-list-item title="手机号码" :rightText="userInfo.phone"></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo: {
					avatar: "/static/app/spider.png",
					nickname: "",
					phone: ""
				}
			}
		},
		computed: {},
		created() {},
		methods: {
			avatarChange() {
				uni.showToast({
					icon: 'none',
					title: '暂不支持修改'
				})
			},
			goto(e) {
				uni.navigateTo({
					url: e
				})
			}
		},
		mounted() {
			let info = this.vuex_user
			this.userInfo.nickname = info.trueName
			this.userInfo.phone = info.userName
		}
	}
</script>

<style lang="scss" scoped>
</style>
